<template>
    <div class=''>
        <table>
            <thead>
                <tr>
                    <td>用户名</td>
                    <td>昵称</td>
                    <td>备注</td>
                </tr>
            </thead>
            <tbody>
                <tr v-for="(item, key) in table" :key="key" >
                <td>
                    {{ item.userName }}
                    </td>
                    <td>
                        {{ item.nickName }}
                    </td>
                    <td>
                        {{ item.remark }}
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</template>

<script setup lang='ts'>
import { ref } from 'vue';
import axios from "axios";

const table = ref<any[]>([])
const getUserList= async () => {
    const {data} = await axios.get('system/user/list')
    console.log(data);
     table.value = data.rows
}

getUserList()
</script>

<style scoped></style>